
<template>
  <el-table
      :data="tableData"
      stripe
      style="width: 100%">
    <el-table-column
        prop="userId"
        label="ID"
        width="180">
    </el-table-column>
    <el-table-column
        prop="userName"
        label="账号"
        width="180">
    </el-table-column>
    <el-table-column
        prop="userPassword"
        label="密码">
    </el-table-column>
  </el-table>
</template>

<script>
import axios from "axios";

export default {
  created() {
    const _this=this//将全局变量赋值到局部
    axios({
      method: 'post',
      url: 'http://localhost:8081/showUser',
      params: {

      }
    })
        .then(function (response) {
          // console.log(_this.tableData)
          //_this.tableData = JSON.stringify(response.data); // 获取数据放到表格中
          // console.log(JSON.stringify(_this.tableData)); // 前台调试能够看到获取到数据了

          // alert(JSON.stringify(_this.tableData))
          // alert(JSON.stringify(response.data))
          console.log(response)
          _this.tableData=response.data

        })
        .catch(function ( error) {
          console.log(error);
        });

  },
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  }
}
</script>

